<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="./css/common.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
    <link href="./tools/iconfont/iconfont.css" rel="stylesheet">
    <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" href="./tools/slider/swiper.min.css">
    <script src="./tools/slider/swiper.min.js"></script>
    <script src="http://mockjs.com/dist/mock.js"></script>
    <title>名婴之家</title>

</head>
<body>
<!--头部搜索和nav导航-->
<script src="js/header.js"></script>
<!-- banner -->
<div class="" style="background: rgb(250, 245, 244);">
    <div class="">
        <div class="swiper-container ">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./images/banner.png"></div>
                <div class="swiper-slide"><img src="./images/banner2.png"></div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var mySwiper = new Swiper('.swiper-container', {

        loop: true,

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },


    })
</script>
<!-- 培训项目 -->
<div class="container">
    <!-- 模块标题 -->
    <div class="main-title mt60 mb60 text-center">
        <h3 class="color-e3 font-24 font-bold">培训项目</h3>
        <p class="color-e3 font-md mt10">TNAINING PROGRAM</p>
        <p class="pre"><i class="pre-b"></i></p>
    </div>
    <div class="moduel-box">
        <ul>
            <li class="bg1">
                <a href="yuezi_lector.html?0" class="text-center color-ff">
                    <h3 class="font-20 mt70 font-bold">育婴早教师</h3>
                    <p class="font-md2 mt10 mb15">NURSERY EDUCATION</p>
                    <p class="font-md">查看详情<i class="iconfont icon-youjiantou"></i></p>
                </a>
            </li>
            <li>
                <a href="yuezi_lector.html">
                    <img src="./images/list01.png">
                </a>
            </li>
            <li>
                <a href="yuezi_lector.html?">
                    <img src="./images/list02.png">
                </a>
            </li>
            <li class="bg2 mr0">
                <a href="yuezi_lector.html?1" class="text-center color-ff">
                    <h3 class="font-20 mt70 font-bold">母婴护理师</h3>
                    <p class="font-md2 mt10 mb15">OBSTETRIC NURSING</p>
                    <p class="font-md">查看详情<i class="iconfont icon-youjiantou"></i></p>
                </a>
            </li>
            <li class="clear ">
                <a href="yuezi_lector.html?">
                    <img src="./images/list03.png">
                </a>
            </li>
            <li class="bg3 ">
                <a href="yuezi_lector.html?2" class="text-center color-ff">
                    <h3 class="font-20 mt70 font-bold">母乳喂养指导师</h3>
                    <p class="font-md2 mt10 mb15">BREAST FEEDING</p>
                    <p class="font-md">查看详情<i class="iconfont icon-youjiantou"></i></p>
                </a>
            </li>
            <li class="bg4">
                <a href="yuezi_lector.html?3" class="text-center color-ff">
                    <h3 class="font-20 mt70 font-bold">月子指导师</h3>
                    <p class="font-md2 mt10 mb15">YUEZI INSTRUCTOR</p>
                    <p class="font-md">查看详情<i class="iconfont icon-youjiantou"></i></p>
                </a>
            </li>
            <li class="mr0">
                <a href="yuezi_lector.html?">
                    <img src="./images/list04.png">
                </a>
            </li>

            <li class="bg4 ">
                <a href="yuezi_lector.html?5" class="text-center color-ff">
                    <h3 class="font-20 mt70 font-bold">育婴早教导师</h3>
                    <p class="font-md2 mt10 mb15">NURSERY EDUCATION</p>
                    <p class="font-md">查看详情<i class="iconfont icon-youjiantou"></i></p>
                </a>
            </li>
            <li>
                <a href="yuezi_lector.html?">
                    <img src="./images/list05.png">
                </a>
            </li>
            <li class="bg1 mr0">
                <a href="yuezi_lector.html?4" class="text-center color-ff">
                    <h3 class="font-20 mt70 font-bold">产后恢复指导师</h3>
                    <p class="font-md2 mt10 mb15">POSTPARTUM RECOVERY</p>
                    <p class="font-md">查看详情<i class="iconfont icon-youjiantou"></i></p>
                </a>
            </li>
        </ul>
    </div>
</div>
<!-- 专家讲师 -->

<!-- 模块标题 -->
<div class="container">
    <div class="main-title mt50 mb30 text-center">
        <h3 class="color-e3 font-24 font-bold">专家讲师</h3>
        <p class="color-e3 font-md mt10">EXPERT LECTURER</p>
        <p class="pre"><i class="iconfont icon-xiajiantou font-30 color-e3 pos-rel" style="top: 0"></i></p>
    </div>
    <ul class="export-module float-left">
        <li class="pos-rel pl-150 border border-co05">
            <img src="./images/teacher01.png" class="pos-abs">
            <div class="bg2  color-ff teacher-name pr10 pt10 pl10 pr10 pb15 mt15">
                <h4 class="font-md2">吴奇志</h4>
                <p class="font-sm line-14 mt5">名婴之家教学部主管</p>
            </div>
            <p class="pl10 color-78 font-sm mt20">名婴之家教学讲师</p>
            <p class="pl10 color-78 mt10 font-sm  line-14">月子指导培训师</p>
            <p class="pl10 color-78 mt10 font-sm line-14">父母学堂喂养讲师</p>
            <p class="pl10 color-78 mt10 font-sm  mb20">母婴护理师师资</p>
            <a class="see-info text-center pos-abs " href="lector_detail.html?id=0" target="_blank">查看详情</a>
        </li>
        <li class="pos-rel pl-150 border border-co05 m0100">
            <img src="./images/lector2a.png" class="pos-abs">
            <div class="bg2  color-ff teacher-name pr10 pt10 pl10 pr10 pb15 mt15">
                <h4 class="font-md2">邓燕红</h4>
                <p class="font-sm line-14 mt5">名婴之家特聘营养培训师</p>
            </div>
            <p class="pl10 color-78 font-sm mt20">Nature营养工作室创始人</p>
            <p class="pl10 color-78 mt10 font-sm  line-14">大禾丽营养团队创始人</p>
            <p class="pl10 color-78 mt10 font-sm  mb20">美国自然医学医师、临床医学专业</p>
            <a class="see-info text-center pos-abs " href="lector_detail.html?id=1" target="_blank">查看详情</a>
        </li>
        <li class="pos-rel pl-150 border border-co05">
            <img src="./images/teacher03.png" class="pos-abs">
            <div class="bg2  color-ff teacher-name pr10 pt10 pl10 pr10 pb15 mt15">
                <h4 class="font-md2">许燕</h4>
                <p class="font-sm line-14 mt5">母婴服务门店连锁和母婴教育行业实战专家</p>
            </div>
            <p class="pl10 color-78 font-sm mt20">美家商学院发起人</p>
            <p class="pl10 color-78 mt10 font-sm  line-14">首席专家讲师</p>
            <p class="pl10 color-78 mt10 font-sm  line-14">湖南美家母婴健康管理有限公司创始人、总经理</p>
            <!--<p class="pl10 color-78 mt10 font-sm  mb20">名婴之家两性情感、亲密关系、两性关系资深培训讲师</p>-->
            <a class="see-info text-center pos-abs " href="lector_detail.html?id=2" target="_blank">查看详情</a>
        </li>
    </ul>
    <div class="text-center clear pt45 pd1 pb45">
        <a class="text-center see-more  bg2 color-ff font-md" href="lector.html">查看更多</a>
    </div>
</div>
<!-- 培训项目 -->
<div class="bg-box pd1 ">
    <div class="container mt45" style="padding:1px">
        <h3 class="color-e3  font-bold font-24 ">月嫂</h3>
        <p class="color-e3 mt10 font-md pos-rel">YUESAO<a class="pull-right color-e3 pr20" href="yuesao_server.html?0">查看更多<i
                class="iconfont icon-youjiantou"></i></a></p>
        <ul class="pro-list text-center clear mt30" id="yuesaoList">
            <!-- template 模板 定义ID名 在js 里面应用 
              template 以<% 开始 以 %> 结尾
              赋值：<%=dataList[i].name  %>
              详细介绍： https://blog.csdn.net/h291850336/article/details/78859995
             -->
            <script id="yuesao" type="text/html">
                <% for(var i = 0; i < dataList.length; i++){%>
                <% if(i == dataList.length-1){%>
                    <!--此处判断添加class -->
                <li class="felx-col pd20 mr0">
                    <%}else{%>
                <li class="felx-col pd20 ">
                    <% } %>
                    <img src='<%=dataList[i].imgsrc  %>'>
                    <p class="mt15"><%=dataList[i].name %></p>
                    <p class="mt10 color-78"><%=dataList[i].title %></p>
                    <p class="mt10 color-78"><%=dataList[i].worktime %></p>
                    <p class="text-center mt20">
                        <a class="see-info text-center color-ff bg2 border-none " href="<%=dataList[i].link %>" target="_blank">查看详情</a>
                    </p>
                </li>
                <%}%>
            </script>
        </ul>

    </div>
    <!-- 育婴师 -->
    <div class="container pd1">
        <h3 class="color-e3  font-bold font-24 mt50">育婴师 </h3>
        <p class="color-e3 mt10 font-md pos-rel">NURSERY TEACHER<a class="pull-right color-e3 pr20" href="yuesao_server.html?1">查看更多<i
                class="iconfont icon-youjiantou"></i></a></p>
        <ul class="pro-list text-center clear mt30" id="yuyingshilist">
            <script id="yuyingshi" type="text/html">
                <%for(var i = 0; i < list.length; i++) {%>
                <% if(i == list.length-1){%>
                <!--此处判断添加class -->
                <li class="felx-col pd20 mr0">
                    <%}else{%>
                <li class="felx-col pd20 ">
                    <% } %>
                <img src="<%:=list[i].imgsrc%>">
                <p class="mt15"><%:=list[i].name%></p>
                <p class="mt10 color-78"><%:=list[i].title%></p>
                <p class="mt10 color-78"><%:=list[i].worktime%></p>
                <p class="text-center mt20">
                    <a class="see-info text-center color-ff bg2 border-none " href="<%:=list[i].link%>" target="_blank">查看详情</a>
                </p>
            </li>
                <%}%>
            </script>
        </ul>
    </div>
    <!-- 育婴服务 -->
    <div class="container pd1 mt50">
        <h3 class="color-e3  font-bold font-24 ">育婴服务 </h3>
        <p class="color-e3 mt10 font-md pos-rel mb20">NURSERY SERVIC<a class="pull-right color-e3 pr20" href="yuesao_server.html">查看更多<i
                class="iconfont icon-youjiantou"></i></a></p>
        <ul class="service-box clear">
            <li class="float-left pos-rel mr10 mb15">
                <div class="left-icon-box felx-col float-left bg2 text-center pos-abs">
                    <img src="./images/icon-01.png " class="mt30">
                    <p class="color-ff font-md2">月嫂预约</p>
                </div>
                <div class="float-left bg-ff w100 pd20">
                    <p class="color-78 font-md text-showell-four w100 mb15">    月嫂是母婴护理师的俗称，是指从事孕妇、产妇、哺乳期妇女、新生儿健康管理、保健服务和心理调试的专业人员。</p>
                    <a style="display: block" class="color-28 text-right  " href="yuesao_server.html">立即预约<i
                            class="iconfont icon-youjiantou color-28"></i></a>
                </div>
            </li>
            <li class="float-left pos-rel ml10 mb15">
                <div class="left-icon-box felx-col float-left bg2 text-center pos-abs">
                    <img src="./images/icon-02.png " class="mt30">
                    <p class="color-ff font-md2">育婴早教师</p>
                </div>
                <div class="float-left bg-ff w100 pd20">
                    <p class="color-78 font-md text-showell-four w100 mb15">    育婴师是用现代教育观念和科学方法对0-3个月婴儿进行生活照料、护理和教育的专业人员。主要从事0-3个月婴儿照料、护理和早教工作。 </p>
                    <a style="display: block" class="color-28 text-right  " href="yuesao_server.html?1">立即预约<i
                            class="iconfont icon-youjiantou color-28"></i></a>
                </div>
            </li>

            <li class="float-left pos-rel mr10 mb15">
                <div class="left-icon-box felx-col float-left bg2 text-center pos-abs">
                    <img src="./images/icon-03.png " class="mt30">
                    <p class="color-ff font-md2">月子指导师</p>
                </div>
                <div class="float-left bg-ff w100 pd20 ">
                    <p class=" color-78 font-md text-showell-four w100 mb15">    月子指导师是结合月嫂以及老师的身份为一体，重点在于教，帮助产妇及其家人解决当前急需处理的问题,并根据产妇及新生儿的情况针对性地制定专属护理课程,教会她们如何坐月子,学会怎样带孩子,且叮嘱可能产生的误区与注意事项。 </p>
                    <a style="display: block" class="color-28 text-right  " href="yuesao_server.html?2">立即预约<i
                            class="iconfont icon-youjiantou color-28"></i></a>
                </div>
            </li>
            <li class="float-left pos-rel ml10 mb15">
                <div class="left-icon-box felx-col float-left bg2 text-center pos-abs">
                    <img src="./images/icon-04.png " class="mt30">
                    <p class="color-ff font-md2">育婴早教指导师</p>
                </div>
                <div class="float-left bg-ff w100 pd20">
                    <p class="color-78 font-md text-showell-four w100 mb15">    育婴早教指导师业务，融合了育婴和早教两个方面的知识水平能力，从宝宝还是婴儿时期抓起，给予宝宝最早期的教育。</p>
                    <a style="display: block" class="color-28 text-right  " href="yuesao_server.html?3">立即预约<i
                            class="iconfont icon-youjiantou color-28"></i></a>
                </div>
            </li>
        </ul>
    </div>
</div>
<!-- 三大板块广告部分 -->
<div class="adbox" style="height: 218px">
    <div class="bg1 float-left" style="width: calc((100%  - 981px )/2);"></div>
    <div class="container float-left" style="width: 981px !important">
        <div class="center-ad text-center">
            <div class="bg1"><img src="./images/ad01.png"></div>
            <div class="bg2"><img src="./images/ad02.png"></div>
            <div class="bg3"><img src="./images/ad03.png"></div>
        </div>
    </div>
    <div class="bg3 float-left" style="width: calc((100%  - 981px )/2)"></div>
</div>
<!-- 最新动态 -->
<div class="container">
    <div class="main-title mt60 mb30 text-center">
        <h3 class="color-e3 font-24 font-bold">最新动态</h3>
        <p class="color-e3 font-md mt10">RECENT NEWS</p>
        <p class="pre"><i class="pre-b"></i></p>
        <p class="text-right pr20"><a class="see-info text-center color-ff bg2 border-none " style="border-radius: 4px"
                                      href="news_issue.html">查看更多</a></p>
    </div>
    <ul class="news_list" id="recentNewsList">
        <script id="recentNews" type="text/html">
            <%for(var i = 0; i < list.length; i++) {%>
        <li class="pd10 border-b" >
            <a href="<%:=list[i].link%>" class="pos-rel ">
                <img src="<%:=list[i].imgsrc%>" class="pos-abs">
                <div class="pd10 pt0 ">
                    <div class="pos-rel font-h4 color-63 font-bold"><span
                            class="see-info text-center color-ff bg2 border-none font-md mr10"
                            style="border-radius: 4px"><%:=list[i].column%></span><%:=list[i].title%>
                        <span class="pull-right font-sm color-b8"><i class="iconfont icon-clock"></i><%:=list[i].time%></span>
                    </div>
                    <p class="color-78 font-sm mt10 text-showell-three">        <%:=list[i].lead%></p>
                    <span style="display: block" class="color-28 text-right mt25 ">查看详情<i
                            class="iconfont icon-youjiantou color-28"></i></span>
                </div>
            </a>
        </li>
            <%}%>
        </script>
    </ul>
</div>
<!-- 联系我们 -->
<!--footer-->
<script src="js/footer.js"></script>
<script src="js/index.js"></script>


</body>
</html>
